﻿<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="web" uri="http://meerkat.qunar.com/web"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@include file="/WEB-INF/views/site/inc/head.jsp" %>
<body>
<!--Placeholder:Public Header-->
<div class="container">
    <%@include file="/WEB-INF/views/site/inc/top.jsp" %>
    <div class="panel sign_panel">
        <div class="column sign">
            <h3>选手资料</h3>
            <div class="clr_after">
                <div class="fl">
                    <table class="tbl_form">
                        <tr>
                            <th>报名序号：</th>
                            <td><input type="text" class="textbox" value="${item.inviteCode}" disabled="disabled" readonly="readonly"/></td>
                        </tr>
                        <tr>
                            <th>姓　　名：</th>
                            <td><input type="text" class="textbox" value="${item.name}" disabled="disabled" readonly="readonly"/></td>
                        </tr>
                        <tr>
                            <th>学　　校：</th>
                            <td><input type="text" class="textbox" value="${item.school}" disabled="disabled" readonly="readonly"/></td>
                        </tr>
                        <tr>
                            <th>专　　业：</th>
                            <td><input type="text" class="textbox" value="${item.major}" disabled="disabled" readonly="readonly"/></td>
                        </tr>
                        <tr>
                            <th>年　　级：</th>
                            <td><input type="text" class="textbox" value="${item.grade}" disabled="disabled" readonly="readonly"/></td>
                        </tr>
                        <tr>
                            <th><span class="req">*</span> 手机号码：</th>
                            <td><input type="text" class="textbox" name="mobile" id="mobile" value="${item.mobile}"/><span class="note"></span></td>
                        </tr>
                        <tr>
                            <th><span class="req">*</span> 电子邮箱：</th>
                            <td><input type="text" class="textbox" name="email" id="email" value="${item.email}"/><span class="note"></span></td>
                        </tr>
                        <tr>
                            <th><span class="req">*</span> 密　　码：</th>
                            <td><input type="password" class="textbox" name="password" id="password" value=""/> <span class="note">不修改密码请留空</span></td>
                        </tr>
                        <tr>
                            <th><span class="req">*</span> 确认密码：</th>
                            <td><input type="password" class="textbox" name="repassword" id="repassword" value=""/><span class="note"></span></td>
                        </tr>
                        <tr>
                            <th><span class="hidden">*</span> 自我介绍：</th>
                            <td><textarea class="textarea" name="comment" id="comment">${item.comment}</textarea><span class="note"></span></td>
                        </tr>
                    </table>
                    <input type="hidden" name="hide_avatar" id="hide_avatar" value="${item.avatar}"/>
                </div>
                <div class="fr">
                <form id="avatarForm" action="upload.htm" method="post" enctype="multipart/form-data" target="hidden-frame">
                    <div class="avatar">
                        <img id="avatar" src="${item.avatar}" width="110" height="153"/>
                    </div>
				    <input class="textbox filebox placeholder" id="avator_tip" type="text" value="近期2寸免冠彩色照片, 格式为JPG或JPEG, 大小在30K以内." readonly="readonly"/>
                    <div class="ops">
                       <div style=" width:84px;height:26px;overflow:hidden; float:left; margin-right:20px; position:relative;" > 
                           <button id="btn_broswer" class="btn_select" ><span class="hide">浏览</span></button>
                           <input type="file" name="avatarfile"  id="filehide" class="hide_file" />
                       </div>
                        <input type="submit" id="btn_upload" class="btn_upload" value=""/>
                    </div>
                </form>
                <iframe name="hidden-frame" height="0" width="0" style="display:none"></iframe>
                </div>
            </div>
        </div>
    </div>
    <div class="panel rule_panel">
        <div class="column rule">
            <div class="content">
                <div class="ops">
                	<button class="btn_edit " id="btn_edit"><span class="hide">提交信息</span></button>
                </div>
            </div>
        </div>
    </div>
</div>
<%@include file="/WEB-INF/views/site/inc/footer.jsp" %>


<script type="text/javascript">
function uploadCallback(status, message) {
    if (status==1) {
        alert(message);
    } else {
        var src = '<%=Setting.AVATAR_PREFIX%>' + message;
        $('#avatar').removeClass('hidden');
        $('#avatar').attr('src', src);
        $('#hide_avatar').val(src);
		$('#avator_tip').val('近期2寸免冠彩色照片, 格式为JPG或JPEG, 大小在30K以内.');
    }
}
</script>
<script src="/scripts/button_hover.js"></script>
</body>
</html>
